@charset "utf-8";


.clearfix:after{
   display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
    content: ".";
}
.clearfix{
}
#whyGeely{
   position: relative;
    min-width: 1000px;
    width: 100%;
    height: 715px;
}
.vehicle{
   position: relative;
    min-width: 1000px;
    width: 100%;
    height: 715px;
}
#followGeely{
   position: relative;
    min-width: 1000px;
    width: 100%;
    height: 715px;
}
#followGeely{
   margin-top: -25px;
}
.viewport{
   position: relative;
    height: 100%;
}
.view-bg{
   position: absolute;
    width: 100%;
    background: #262729;
    height: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
}
.view-bg IMG{
   position: absolute;
    height: 100%;
    margin-left: -960px;
    top: 0px;
    left: 50%;
}
#loading{
   z-index: 9999;
    position: absolute;
    width: 100%;
    background: #fff;
    height: 100%;
    top: 0px;
    left: 0px;
}
#loading IMG{
   position: absolute;
    margin: 13px 0px 0px -30px;
    top: 50%;
    left: 50%;
}
.header-wrap{
   z-index: 10000;
    position: relative;
    width: 100%;
}
.header{
   z-index: 9999;
    border-bottom: #E3E3E3 1px solid;
    border-left: #E3E3E3 1px solid;
    border-right: #E3E3E3 1px solid;
    background: #fff;
    position: fixed;
    
  
    height: 80px;
    overflow: visible !important;
    top: -100px;
    left: 50%;
    margin-left:-600px;
    width:1200px !important;
  
}
.header .layout{
   position: relative;
    height: 100%;
}